<template>
  <div>
    <el-container>
      <el-header> <navigation-bar> </navigation-bar></el-header>
      <el-main
        ><el-card class="box-card">
          <div style="margin-top: 50px">
            <img id="wx" class="erweima" :src="url" alt="" />
            <div>
              <label for="wx">微信群</label>
            </div>
            <img
              id="gzh"
              class="erweima"
              :src="url"
              alt=""
            />
            <label for="gzh">微信公众号</label>
            <img
              id="qq"
              class="erweima"
              :src="url"
              alt=""
            />
            <label id="qq">QQ群</label>
          </div>
          <div style="margin-top: 70px">
            <span>版本号：1.10.37</span>
          </div>
          <div style="margin-top: 10px">
            <span>联系方式：0591-xxxx-xxxx</span>
          </div>
          <div style="margin-top: 10px">
            <span> Copyright © 2021-2021 就爱科技 版权所有. All rights
            reserved.</span>
          </div>
        </el-card>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import NavigationBar from "../NavigationBar/NavigationBar.vue";

export default {
  components: {
    NavigationBar,
  },
  data() {
    return {
      url: require("../../../imgs/微信群.png"),
      url2: require("../../../imgs/QQ群.png"),
      url3: require("../../../imgs/微信公众号.png"),
    };
  },
};
</script>

<style scoped>
.text {
  font-size: 14px;
}

.item {
  padding: 18px 0;
}

.box-card {
  /* text-align: left; */
  margin: auto;
  width: 70%;
  min-height: 600px;
}

.erweima {
  width: 150px;
  height: 150px;
}
</style>